<template> 
    <div class='adSwiper'>
        <!-- 轮播图 -->
        <div class="slider">
            <!-- :show-dots:是否显示轮播小圆点 -->
            <swiper loop auto  height="8rem"  dots-class="custom-bottom" dots-position="center">
                <swiper-item  v-for ='img in adSwiper.wap_index_01 && adSwiper.wap_index_01.data && adSwiper.wap_index_01.data.content' :key='img.id'>
                    <div class="slideShow">
                        <img v-bind:src="img.ad_content_url"  alt="" class="scrollImg">
                    </div>
                </swiper-item>               
            </swiper>
        </div>   
    </div>
</template>

<script>
import { Swiper, SwiperItem } from 'vux'
import '../../../style/normalize.css'
import './css/adSwiper.scss'
import '../../../style/base.css'
export default {
    components: {
        Swiper,
        SwiperItem
    },    
    props: {
        // 从父组件传递过来的数据
        adSwiper: {
            default: function() {
                return {wap_index_01: {data: {}}}
            }
        }      
    },  
    data () {
        return {
        }
    },   
    methods: {

    }   
}
</script>